{extend name="index/index"/}

{block name="mycss"}
	{css href="/static/index/css/index.css" }
	{css href="/static/index/css/cate.css" }
	<style type="text/css">
		a:hover{text-decoration: underline;}
		.cate-list{margin-top: 5px; border: 1px solid #a1aab2; background-color: #f5f5f2;}
		.cate-list li {text-indent: 20px; line-height: 38px; border-bottom: 1px solid #e6e5e3; height: 40px}
		.cate-list li:first-child{   
			 background-color: #ebeced;
			height: 38px;
		    color: #34495e;
		    font-weight: 700;}
		.cate-list li a{color: #666;}

		.lgtit{margin-top: 10px; color:#333;
		    border-bottom: 1px solid #e6e5e3;
		    line-height: 50px; font-size:20px;}
		.check{display: inline-block;
		    line-height: 50px;
		    margin-bottom: -20px;
		    border-bottom: 2px solid #09b579;}

		.cate-list li .checked{font-weight: 700; color: #333;}

		.navbar-nav li:nth-of-type(3){background-color: #353F4F; }
		.navbar-right li:nth-of-type(3){background-color: #424f63; }
		.bgfdb{background-color:#fdfdfb;border-bottom: 1px solid #e9eae9;}
	</style>
{/block}

{block name="main"}
	<div class="row bgfdb">
		<div class="content">
			<div class="leftspan">
				<div class="list-tit">全部图书分类</div>
				<ul class="cate-list">
					<li>排行榜</li>
					<li><a href="{:url('index/Category/rank',['id'=>0])}" 
						{$Request.param.id==0? ' class="checked" ':''}>畅销榜</a></li>
					<li><a href="{:url('index/Category/rank',['id'=>1])}" 
						{$Request.param.id==1? ' class="checked" ':''}>新书榜</a></li>
					<li><a href="{:url('index/Category/rank',['id'=>2])}"
						{$Request.param.id==2? ' class="checked" ':''}>热搜榜</a></li>
					<li><a href="{:url('index/Category/rank',['id'=>3])}"
						{$Request.param.id==3? ' class="checked" ':''}>点击榜</a></li>
				</ul>

				<a href=""><img class="ad-pic" src="/static/index/images/ad1.jpg"></a>
				<a href=""><img class="ad-pic" src="/static/index/images/ad2.jpg"></a>
			</div>
			
			<div class="rightspan">
				<h4 class="lgtit"><span class="check">{$Request.param.id==0? '畅销榜':($Request.param.id==1? '新书榜':($Request.param.id==2? '热搜榜':'点击榜'))}</span></h4>
				<div class="booklist">
					{volist name="data" id="v"}
					<div class="item">
						<a href="{:url('index/Details/read',['id'=>$v.id])}"><img src="{$v.face}">
						<span class="name">{$v.name}</span></a>
						<p><span class="author">{$v.author}</span> <span class="price">￥{$v.price}</span></p>
					</div>
					{/volist}
				</div>
				{$page}

			</div>

		</div>
	</div>

{/block}

